<template>
  <a-avatar-group
    :max-count="maxCount"
    :max-popover-placement="maxPopoverPlacement"
    :max-popover-trigger="maxPopoverTrigger"
    :max-style="maxStyle"
    :size="size"
  >
    <slot />
  </a-avatar-group>
</template>

<script>
import { defineComponent } from 'vue'
import { AvatarGroup } from 'ant-design-vue'
export default defineComponent({
  name: 'ZAvatarGroup',
  components: {
    AAvatarGroup: AvatarGroup
  },
  props: {
    maxCount: {
      type: Number,
      default: undefined
    },
    maxPopoverPlacement: {
      type: String,
      default: 'top'
    },
    maxPopoverTrigger: {
      type: String,
      default: 'hover'
    },
    maxStyle: {
      type: [Object, Function],
      default: undefined
    },
    size: {
      type: String,
      default: 'default'
    }
  }
})
</script>
